
<html>
    <head>
        <meta charset="utf-8">
        <!--
        <meta name="viewport" content="width=device-width, initial-scale=1">
        -->
        <link href="__CSS__bootstrap.min.css" type="text/css" rel="stylesheet">
        <link href="__CSS__rigster.css" type="text/css" rel="stylesheet">
        <script src="__JS__jquery-3.1.1.min.js"></script>
        <script src="__JS__bootstrap.min.js"></script>

    <script>
        // $(function(){
        //         var name = document.getElementById("inputName").value;
        //         var password = document.getElementById("inputPassword1").value;
        //         var password2 = document.getElementById("inputPassword2").value;
        //         console.log("进入检测函数了");
        //         if(password != password2){
        //             $('inputPassword1').modal('show');
        //             console.log("两次密码输入不一致");
        //             alert("两次密码输入不一致");
        //             return false;
        //         }else{
        //             $.ajax({
        //                 url:"__MOUDLE__/Index/checkName",
        //                 success:function(res){
        //                     if(res==true){
        //                         return true;
        //                     } else{
        //                         alert("用户名已经存在");
        //                         return false;
        //                     }
        //                 }
        //             });
        //         }
        //     });
    </script>

    </head>
    <body style="background-image: url('__IMGS__4.jpg');">
        <div class="navbar navbar-inverse">
            <div class="container-fluid">
                <div class="navbar-header">
                    <div class="navbar-brand">
                        <small class="glyphicon glyphicon-grain"></small>WeCome
                    </div>
                </div>
                 <ul class="nav navbar-nav navbar-right">
                            <li><a href="__HOME__Index/index">首页</a></li>
                            <li><a href="__HOME__Login/login">登录</a></li>
                </ul>
            </div>
        </div>
        <div id="rigster">
            <div class="col-sm-6 col-sm-offset-6 col-md-4 col-md-offset-5" id="rigster_head">
                <h1>注册账号</h1>
            </div>
            <div class="col-sm-6 col-sm-offset-6 col-md-4 col-md-offset-3">
                <form class="form-horizontal " role="form" action="__HOME__Login/rigster" method="POST">

                    <div class="form-group">
                        <div class="col-md-offset-4 col-sm-8 col-md-8">
                            <input type="text" class="form-control" id="inputName" name="name" placeholder="用户名">
                        </div>
                    </div>

                    <div class="form-group">
                        <div class="col-md-offset-4 col-sm-8 col-md-8">
                            <input type="password" name="password" class="form-control" id="inputPassword1" placeholder="密码">
                        </div>
                    </div>

                    <div class="form-group">
                        <div class="col-md-offset-4 col-sm-8 col-md-8">
                            <input type="password" name="password2" class="form-control" id="inputPassword2" placeholder="确认密码">
                        </div>
                    </div>

                    <div class="form-group">
                        <div class="col-md-offset-4 col-sm-8 col-md-8">
                            <div class="col-sm-5 col-md-5" style="margin: 0;">
                                <input type="text" name="verify" class="form-control" placeholder="验证码">
                            </div>
                            <img id="verify" class="col-sm-4 col-md-4" src="Verify">
                            <a id="again" class="col-sm-3 col-md-3">刷新</a>
                        </div>
                    </div>

                    <div class="form-group">
                        <div class="col-sm-8 col-md-offset-4 col-md-8">
                            <button type="submit" class="btn btn-primary col-sm-12 col-md-12">注册</button>
                        </div>
                    </div>

                </form>
            </div>
        </div>

    </body>
    <script>
        $('#again').on('click',function(){
            $('#verify').attr("src",'Verify');
        });
    </script>
</html>